* {  margin: 0;  padding: 0;  font-family:"microsoft yahei"; }
body,div,p,ul,li,dl, dt, dd {  margin: 0;  padding: 0;  }
img {  border: 0 none;  max-width:100%;  display:block;  }
input {  border-style:none;  outline:none;  padding:0;  }
a{  color: #6a6a6a;  cursor:pointer;  text-decoration: none;  }
dl, dt, dd,ul,li{  list-style: none;  }
.fl {  float:left;  }
.fr{  float:right;  }
.clearfix:after{  display: block;  content: ".";  height: 0;  line-height: 0;  visibility: hidden; clear: both;  }
.clearfix{  zoom:1;  }
/*字体样式*/
.font0 {  font-size:12px;  color: #000;  line-height:24px;  }
.font5 {  font-size:12px;  line-height:15px;  }
.font6 {  font-size:14px;  color:#8d9091;  line-height:30px;  }
.font2 {  font-size:14px;  color: #686868;  line-height:14px;  }
.font8 {  font-size:14px;  color: #8d9091;  line-height:110px;  }
.font16 {  font-size:14px;  color:#fff;  line-height:30px;  }
.font17 {  font-size:14px;  color: #000;  line-height:24px;  }
.font20 {  font-size:14px;  color: #000;  font-weight:700;  line-height:24px;  }
.font21 {  font-size:14px;  color: #fff;  font-weight:700;  line-height:24px;  }
.font4 {  font-size:16px;  line-height:15px;  color: #6a6a6a;  }
.font13 {  font-size:16px;  font-weight:700;  color: #000000;  line-height:15px;  margin-top: 55px;  }
.font14 {  font-size:16px;  font-weight:700;  color: #ffffff;  line-height:15px;  margin-top: 55px;  }
.font19 {  font-size:16px;  color:#fff;  line-height:30px;  }
.font22 {  font-size:16px;  line-height:30px;  color: #000;  }
.font26 {  font-size:18px;  line-height:20px;  color: #000;  }
.font7 {  font-size:18px;  color:#8d9091;  line-height:60px;  }
.font9 {  font-size:18px;  color: #fff;  line-height:30px;  }
.font24 {  font-size:18px;  font-weight:700;  color: #000;  line-height:60px;  }
.font23 {  font-size:20px;  line-height:60px;  }
.font3 {  font-size:20px;  font-weight:700;  line-height:60px;  }
.font10 {  font-size:20px;  color: #000;  line-height:30px;  }
.font15 {  font-size:22px;  color: #000;  font-weight:700;  line-height:30px;   }
.font12 {  font-size:24px;  color: #787877;  letter-spacing:-2px;  line-height:24px; margin-bottom:15px;  }
.font18 {  font-size:24px; color: #fff;  font-weight:700;  line-height:30px;   }
.font1 {  font-size: 35px;  font-weight: 700;  line-height: 40px;  color: #000; }
.font11 {  font-size:94px;  font-weight:100;  color: #eeeeee;  line-height:80px; }
.font25 {  font-size:100px;  font-weight:100;  color: #eeeeee;  line-height:80px; }
.font27 {  font-size:34px;  color: #fff;  font-weight:700;  line-height:30px;  }
.font28 {  font-size:34px;  color: #000;  font-weight:700;  line-height:30px;  }


/*common*/
/*内容水平居中*/
.container {  width: 1200px;  margin-left: auto;  margin-right: auto;  }

/*nav*/
.nav .logo {  margin: 20px 0 25px 15px;  }
.nav .right {  height: 100px;  width: 700px;  }

.nav .smallnav {  height: 50px;  }
.nav .smallnav li{  width: 80px;  height: 30px;  padding: 10px 0px;  text-align: center;  display: block;  float: right;  }
.nav .smallnav li a{  text-align: center;  }
.nav .smallnav .language {  cursor:pointer;width: 129px;  height: 35px;  margin-left: 20px;  background:url("../images/nav-languagebg.png") no-repeat;  color: #fff;  position: relative;}
.nav .smallnav div {  width:100%;}
.nav .smallnav .language .sanjiao {  width: 13px;  height: 5px;  position:absolute;  bottom: 26px;  left: 60px;  }
.nav .smallnav .language .switch { width:127px; position: absolute;  left:0;  top:29px;  display: none;border-bottom: 1px solid #000;border-left: 1px solid #000;border-right: 1px solid #000; }
.nav .smallnav .language .switch a{  display: block; line-height:30px;  width:127px;  background-color: #000;  font-size: 12px;  color: #fff;}
/*
.nav .smallnav {  height: 50px;  }
.nav .smallnav li{  width: 80px;  height: 30px;  padding: 10px 0px;  text-align: center;  display: block;  float: right;  }
.nav .smallnav li a{  text-align: center;  }
.nav .smallnav .language {  cursor:pointer;width: 133px;  height: 14px;  margin-left: 20px;  background:url("../images/nav-languagebg.png") no-repeat;  color: #fff;  position: relative; background-size: contain }
.nav .smallnav div {  width:113px;}
.nav .smallnav .language .sanjiao {  width: 13px;  height: 5px;  position:absolute;  bottom: 4px;  left: 52px;  }
.nav .smallnav .language .switch { width:110px; position: absolute;  left:0;  top:29px;  display: none;border-bottom: 1px solid #000;border-left: 1px solid #000;border-right: 1px solid #000; }
.nav .smallnav .language .switch a{  display: block; line-height:30px;  width:110px;  background-color: #000;  font-size: 12px;  color: #fff;}
*/
.nav .bignav {  height: 40px;  }
.nav .current {  color: #000;  }
.nav .current::after {  display: block;  content: "";  width: 40px;  height: 1px;  background-color: #000000;  margin: 0px auto;  }
.nav .bignav li{  width: 100px;  height: 30px; text-align: center;  display: inline;  margin-left: 38px;  float: right;  }
.nav .bignav li a {float: left;  line-height:26px;}
.nav  li a:hover {color:#000;  }
.nav .bignav li i {  width:2px;  height: 18px;  display: block;  text-align: center;  background-color: #ddd;  float: right;  margin:4px 0;}

/*.header*/
.header {  width: 100%;  height:194px;  position: relative;  margin-bottom: 62px;  }
.productcenter-headerbg {  background: url("../images/productCenter-headerbg.jpg") no-repeat center;}
.productdetails-headerbg {  background: url("../images/productCenter-headerbg.jpg") no-repeat center;}
.about-headerbg {  background: url("../images/about-headerbg.jpg") no-repeat center;  }
.contact-headerbg {  background: url("../images/contact-headerbg.jpg") no-repeat center;  }
.newsinfo-headerbg {  background: url("../images/newsinfo-headerbg.jpg") no-repeat center;  }
.newslist-headerbg {  background: url("../images/newslist-headerbg.jpg") no-repeat center;  }
.support-headerbg {  background: url("../images/support-headerbg.jpg") no-repeat center;  }
.header .headertitle {  margin-left:10px;  line-height: 40px;  margin-top:20px;  }
.header .currentlocation {height: 42px;  position: absolute;  top:50%;  left:50%;  margin-left: -64px;  margin-top: -20px;  }

/*copyright*/
.copyright {  width: 100%;  height: 439px;  background: url("../images/copyrightbg.jpg");  }
.copyright .top {  padding: 40px 50px 0;  height:278px;  }
.copyright .top .right{width:760px;  }
.copyright .top .right dl{  display: block;  height:200px;  margin:20px 0 10px 100px;  vertical-align:top;  }
.copyright .top .right dl dt {  width:80px;  height:40px;  border-bottom:5px solid #8d9091 ;  margin-bottom: 20px;  }
.copyright .bottom {  height:110px;  text-align: center;  border-top: 1px solid #8d9091;  }

/*about*/
.about-content .info  {  height:357px;  margin-bottom:68px;  }
.about-content .info .company {  width:591px;  }
.about-content .info .company .title{  position: relative;  height:80px;  margin-top: 10px;  margin-bottom:15px;  padding-left:15px;;  }
.about-content .info .company .title .ly{  position: absolute;  left:10px;  bottom:15px;  }
.about-content .info .company .title .ely{  padding:0;  }
.about-content .info .company p {  padding:0 25px 0 15px;  }
.about-content .info .company,.about-content .info .img {  display: inline-block;  }
.about-content .culture ul {  margin: 0;  }
.about-content .culture ul li {  height:188px;  display:block;  vertical-align: top;  margin-right:-5px;  }
.about-content .culture ul li p {  line-height:20px;  }
.corevalue {  background: url("../images/about-value1.jpg");  height:100%;  width:292px;  }
.quality {  background: url("../images/about-value2.jpg");  height:100%;  width:300px;  }
.serverspho {  background: url("../images/about-value3.jpg");  height:100%;  width:315px;  }
.businesspho {  background: url("../images/about-value4.jpg");  height:100%;  width:298px;  }
.about-content .culture p {  padding:0px 0px 0px 45px;  }
.wishes {  width:100%;  height: 331px;  background:url("../images/about-wish.jpg") no-repeat center;  margin: 20px 0;  }
.wishes .title {  width:40%;  height:100%;  padding-left:10%;  padding-top:100px; }
.wishes .title p {letter-spacing: 1px }
.wishes .words {  width:50%;  height:100%;  padding-top: 60px;  }

/*contact*/
.contact-content {  margin-bottom: 68px;  }
.contact-content .information {  width:100%;  height: 412px;  background: url("../images/contact-mesbg.jpg") no-repeat;  padding-top: 50px;  padding-left:50px;  margin-bottom:68px;  }
.contact-content .information p {  margin-top: 30px;  }
.contact-content .information .line {  width: 85px;  height: 2px;  background-color: #fff;  margin: 15px 0;  }
.contact-content .information .details {  height:210px;  width:300px;  margin-top: 30px;  }
.contact-content .information .details ul {  display: block;  width:300px;  }
.contact-content .information .details .left {  width:60px;  margin-right:60px;  }
.contact-content .information .details .right {  width:120px;  }
.contact-content img {  margin-bottom:68px;  }
.redstar {  font-size:14px;  color: red;  line-height:20px;  font-weight:700;  padding:0px 10px;  }
.contact-content .leavemes ul li {  vertical-align: middle;  line-height: 40px;  display: inline-block;  font-weight:700;    height: 80px; }
.contact-content .leavemes .margright {  margin-right: 20px;  }
.contact-content .leavemes .empty {  width: 585px;  height: 40px;  }
.contact-content .leavemes input {  display: block;  cursor: text;  }
.contact-content .leavemes .inputsty1 {  width: 278px;  height: 37px;  background-color: #e9e9e9;  border: 1px solid #dfdfdf;  box-shadow: -1px -1px 10px 1px #f1f1f1;  }
.contact-content .leavemes .inputsty2 {  width: 580px;  height: 37px;  background-color: #e9e9e9;  border: 1px solid #dfdfdf;  box-shadow: -1px -1px 10px 1px #f1f1f1;  margin-right: 580px;}
.contact-content .leavemes .inputsty3 {  width: 585px;  height: 195px;  background-color: #e9e9e9;  border: 1px solid #dfdfdf;  box-shadow: -1px -1px 10px 1px #f1f1f1;  }
.contact-content .leavemes  .submit {  width: 276px;  height: 39px;  background-color: #585656;  border: 1px solid #413b3a;  box-shadow: -1px -1px 10px 1px #f1f1f1; cursor: pointer }
.contact-content .leavemes  .reset {  width: 276px;  height: 39px;  background-color: #000;  border: 1px solid #413b3a;  box-shadow: -1px -1px 10px 1px #f1f1f1;   cursor: pointer; margin-right: 35px;}

/*index*/
.index-headerbg {  width: 100%;   height:auto;  position: relative;  margin-bottom:68px; }
.index-headerbg .item{width:100%; overflow:hidden}
.index-headerbg .item img{width:100%}
.index-headerbg .owl-carousel{width:100%;}
.index-headerbg .owl-carousel .owl-controls{position:absolute; right:50%; bottom:5%}
.index-headerbg .owl-carousel .owl-controls .owl-nav{display:none}
.index-headerbg .owl-carousel .owl-controls .owl-dots .owl-dot{width:10px; height:10px; border:1px solid #fff;border-radius:6px; float:left; margin:0px 10px;}
.index-headerbg .owl-carousel .owl-controls .owl-dots .active{background-color:#fff;}
.index-product {  position: relative;  margin-bottom: 68px; width:1200px;  height:216px;  }
.index-product .owl-carousel{  width:100%;  height:216px;  position: relative;}
.index-product .owl-carousel .owl-prev,.index-product .owl-carousel .owl-next{display:block; width:29px; height:20px;  position: absolute;}
.index-product .owl-carousel .owl-prev{background:url(../images/index-arrow1.png) no-repeat center center;  left:-15px;top: 50%; margin-top: -10px;}
.index-product .owl-carousel .owl-next{background:url(../images/index-arrow2.png) no-repeat center center;right:-15px; top: 50%; margin-top: -10px}
.index-product .owl-carousel .item {width: 280px;  height: 216px; margin: 0 10px;box-shadow:1px 3px 2px 1px #ececec ; }
.index-product .owl-carousel .item a{  width: 100%;  height: 100%;vertical-align: top;  position: relative; display:block; }
.index-product .owl-carousel .item a div{  position: absolute;  left: 0;  bottom: 0;  padding: 16px 50px 20px 25px;  background: url("../images/index-pic2.jpg");  }
.index-product .owl-carousel .item a div p {  width: 205px;  line-height: 24px;  }
.index-product .owl-carousel .item a .font7 {  position: absolute;  left: 240px;  bottom: 0px;  display: none;  }
.index-product .owl-carousel .item a .font2 { display: none;  height: 0;}
.index-enterpriseinfo {  height: 357px;  margin-bottom: 68px;  }
.index-enterpriseinfo .text {  margin-left: 15px;  width: 365px;  padding-right: 30px;  position: relative;  }
.index-enterpriseinfo .text p{  display: block;  position: absolute;  }
.index-enterpriseinfo .text .ly {  left: 0;  top: 80px;  }
.index-enterpriseinfo .text .ely {  left: 0;  top: 45px;  }
.index-enterpriseinfo .text .info {  left: 0;  top: 130px;  line-height: 24px;  margin-right: 30px;  }
.index-enterpriseinfo .text a {  display: block;  height: 24px;  width: 56px;  line-height: 24px;  border-bottom: 1px solid #000000;  position: absolute;  left: 306px;  top: 305px;  }
.index-enterpriseinfo img {  margin-right: 15px;  }
.index-news {  background: url("../images/indexnewsbg.jpg") no-repeat;  width: 100%;  height: 587px;  padding: 30px 0px ;  }
.index-news .news {  margin-top: 10px; }
.index-news .news a{ color: #000; }
.index-news ul {  margin:40px 0 30px;  }
.index-news ul li {  height: 135px;  margin-bottom: 20px;  }
.index-news ul .scroll {  width: 100%;  background: url("../images/indexnews-listbg.png") no-repeat; color: #fff; }
.index-news ul .scroll p{ color: #fff;  }
.index-news ul li .left {  width: 100px;  padding: 40px 60px;  margin-right: 10px;  }
.index-news ul li .left p { line-height: 36px; }
.index-news ul li .right {  width: 713px;  padding: 25px 240px 30px 0px;  line-height: 30px;  }
.index-news ul li .right p {  line-height: 30px;  }

/*newsinfo*/
.newsinfo-content {  margin-bottom: 68px;  }
.newsinfo-content .maintext {  width: 908px;  }
.newsinfo-content .maintext .title{  font-size:24px;  color: #000;  font-weight:700;  line-height:40px;  }
.newsinfo-content .maintext p {  line-height: 30px;  margin-bottom: 10px;  padding-right: 20px;  }
.newsinfo-content .maintext .pre-next {  width: 840px;  margin-top:30px;  }
.newsinfo-content .recommend {  width: 252px;  height: 403px;  background-color: #ededed;  margin-top: 40px;  padding: 40px 0px 0px 40px;  }
.newsinfo-content .recommend li {  width:210px; overflow:hidden; }
.newsinfo-content .recommend li div {  font-size:16px;  color: #000;  line-height:60px;  display:  block;  float: left;  }
.newsinfo-content .recommend .darkdot {  width: 7px;  height: 7px;  background-color: #000;  margin-right: 20px;  margin-top: 28px;  }
.newsinfo-content .recommend li div a {  color: #000;  }

/*newslist*/
.newslist-content .top {  width: 100%;  height: 306px;  background: url("../images/newslist-topbg.jpg");  margin-bottom: 20px;  }
.newslist-content .top p {  margin-left: 70px;  }
.newslist-content .top .font10 {  padding-top: 80px;  }
.newslist-content .top .font22 {  padding: 10px 0px;  line-height: 30px; width: 660px;}
.newslist-content .top a {  width: 60px;  background-color: #585656;  padding: 0px 40px;  display: block;  margin-left: 70px;  }
.newslist-content ul {  overflow:hidden;  }
.newslist-content ul li {  width: 340px;  height: 280px;  font-weight: 400;  background-color: #f2f2f2;  padding: 0 20px;  margin: 10px 0px 20px 0;  float: left;  display: block;  }
.newslist-content ul .space {  margin-right: 30px;  }
.newslist-content .selected {  background-color: #fff;  border: 1px solid #000;  }
.newslist-content ul .selected {  width: 338px;  height: 278px;  background-color: #fff;  border: 1px solid #000;  }
.newslist-content ul li .font23 {  margin-top: 40px;  line-height: 40px;  font-weight: 400;  font-size: 19px;  letter-spacing:-1px;  }
.newslist-content ul li .font2 {  margin-top: 20px;  line-height: 24px;  }
.newslist-content ul li .font4 {  margin-top: 40px;  width: 320px;  }
.newslist-content ul li div {  width: 44px;  height: 2px;  background-color: #000;  }
.page {  width: 200px;  margin: 30px auto;  }
.page a {  width: 30px;  height: 30px;  margin: 5px;  display: block;  text-align: center;  float: left; }
.page .current {  background-color: #2c2c2c;  }
.page .font4 {  border: 1px solid #000;  line-height:30px;  }

/*productcenter*/
.arrow {  transform: rotate(-90deg);  }
.pcenter-content {  margin-bottom:68px;  }
.pcenter-content .top {  width: 1200px;  height: 361px;  overflow: hidden;  position: relative;  margin-bottom: 58px;  background:url("../images/productCenter-content.jpg");  }
.pcenter-content .top .total {  width: 1200px;  height: 62px;  position: absolute;  left: 0;  bottom:0;  background:url("../images/productCenter-cont2.jpg");  }
.pcenter-content .top .total .type {  display: block;  width:33%;  float: left;  }
.list a img {  display: inline;  }
.pcenter-content .top .total .type .list {  width:100%;  height: 62px;  overflow: hidden;  text-align: center;  position: relative;  }
.pcenter-content .top .total .type .list ul {  position: absolute;  left:50%;  bottom:62px;  margin-left: -111px;  padding:45px 10px;  background: url("../images/productCenter-listbg.jpg");  }
.pcenter-content .top .total .type .list ul li {  height:30px; width:210px; }
.type .list ul li a:hover {  text-decoration: underline;  color: #000;  }
.product ul li {  display: block;  margin-bottom: 30px;  }
.product ul .marright {  margin-right:8px;  }
.product .pic {  width: 294px;  height: 139px;  margin-bottom: 20px;  position: relative;  overflow: hidden;  }
.product .pro-chara {  padding-left:20px;  }
.product .pic a {  display: block;  }
.product .pic .hidden {  width: 294px;  height: 139px;  background: url("../images/productCenter-pic1.png") no-repeat;  position: absolute;  left: 0;  top: 139px;  }
.product .pic .hidden img {  position: absolute;  height: 49px;  width: 37px;  left:50%;  top:50%;  transform: translate(-50%,-50%);  }
.product ul li div {  margin-bottom: 5px;  }

/*productdetail*/
.pdetail-content .title {  margin-bottom: 20px;  }
.pdetail-content .title p {  line-height: 30px;  margin-left: 20px  }
.pdetail-content .describe,.pdetail-content .use {  background-color: #eeeeee;  height: 61px;  margin: 10px 0px;  }
.pdetail-content .left {  width: 315px;  line-height:61px;  margin-left: 20px;  }
.pdetail-content .right {  width: 845px;  margin-left: 20px;  line-height:61px;  }
.pdetail-content .intro .right {  line-height:30px;  }
.pdetail-content .pro-pic {  height:360px;  margin-left:354px;  margin-bottom: 30px;  }
.pdetail-content .use-pic {  display: inline-block;  padding-left:354px;  }
.pdetail-content .use-pic img{  display: inline-block;  padding:10px 3px  }
.pdetail-content .para-pic {  padding-left:354px;  margin-bottom: 30px;  }

/*support*/
.supportcontent {  width: 100%;  height: 1029px;  background-color: #f7f7f7;  }
.supportcontent .strength div{  display: inline-block;  }
.supportcontent .slogan {  width: 594px;  height: 332px;  background-color: #fff;  }
.supportcontent .slogan .title {  font-size:67px;  color: #f7f7f7;  line-height:50px;  margin-bottom: 10px;  letter-spacing: -9px;  }
.supportcontent .slogan .coretarget {  padding-left: 50px;  line-height: 26px;  }
.supportcontent .center {  width: 289px;  height: 162px;  background-color:  #585656;  padding-top: 170px;  }
.supportcontent .center p{  padding-left: 40px;  margin-top: 20px;  color: #ffffff;  line-height:20px;  }
.supportcontent .company-pic {  width: 317px;  height: 332px;}
.supportcontent .owl-carousel{   width: 317px;  height: 332px;  position: relative;  overflow: hidden;  }
.supportcontent .owl-carousel .item {   width: 317px;  height: 332px; position: relative;  left: 0;  top: 0;  vertical-align: top; }
.supportcontent .owl-carousel .owl-prev,.supportcontent .owl-carousel .owl-next{ height: 56px;width: 26px; background:url(../images/support-arrow.png); position: absolute; }
.supportcontent .owl-carousel .owl-prev{left: 0; top: 50%;  margin-top: -28px;  display:none;}
.supportcontent .owl-carousel .owl-next{right: 0;  top: 50%;  margin-top: -28px; display:none; }
.supportcontent .processflow {  width: 100%;  height: 627px;  background-color: #fff;  margin-top: 20px; overflow: hidden; }
.supportcontent .processflow  ul {  padding: 20px 10px;  }
.supportcontent .processflow  ul li{  display: inline;  margin: 0 100px 0 30px;  }
.supportcontent .processflow  ul .active {  color: #000;  border-bottom: 1px solid #000;  }
.supportcontent .processflow .flow-pic {height:530px; overflow: hidden;}
.supportcontent .processflow .flow-pic img {  display: none;  float: left; border:none; }
.supportcontent .processflow .flow-pic .changed {  display: block; border: none; }

/*英文站样式调整--20180730  mathilde*/
.about-content .culture_En p{padding: 0px 10px 0px 45px;}

/*响应式调试--20180716   mathilde*/
.mobile_navContent{display: none;}
.index-enterpriseinfo h2{display: none;}
.index-enterpriseinfo img.mobile_fr{display: none;}
.mobile_title{display: none;}
.mobile_supportImg{display: none;}
.supportcontent div.mobile_title{display: none;}
.pcenter-content .product-Topcenter{display: none;}
.Mobilebanner{display: none;}
.Mobileindex-product{display: none;}